@charset "UTF-8";
/* CSS Document */

body{ overflow-x:hidden;}

.logo{ background:url(../images/log2.jpg) center center no-repeat; background-size:100% auto;}
.logo-sun{ display:none;}
.logobottom .logo{ background-size:95% auto;}

/*年会*/
.year2017{ background:#32b16c; position:relative;}

.years-menu{ display:none; background:url(../images/year2017/menu.png?v=20161020) no-repeat; width:297px; height:411px; position:fixed; left:20px; top:15%; z-index:10001; -webkit-transform:translateX(-15%) scale(.5,.5);transform:translateX(-15%) scale(.5,.5); -webkit-transition:all ease .5s;transition:all ease .5s;}
.years-menu a{ display:block; text-indent:-9999px; overflow:hidden; position:absolute;}
.years-menu a.link1{ width:210px; height:66px; top:124px; left:46px;}
.years-menu a.link2{ width:210px; height:70px; left:46px; top:220px;}
.years-menu a.link3{ width:210px; height:75px; top:315px; left:43px;}
.years-menu:hover{-webkit-transform:scale(.75,.75);transform:scale(.75,.75);}

.banner-year2017{ height:880px; position:relative;}
.banner-year2017 .pic{ width:100%; height:100%; background:url(../images/year2017/banner2.png?v=20161115) center top no-repeat; position:absolute; left:0; top:0; z-index:10;}
.banner-year2017 .btn-go{ display:none;}
.circle{ background:url(../images/year2017/icon-circle.png?v=20161026) no-repeat; background-size:100% auto; width:282px; height:282px; position:absolute; left:50%; opacity:0; z-index:9;}
.circle1{ top:159px; margin-left:-637px;}
.circle2{ top:118px; margin-left:-461px;}
.circle3{ top:228px; margin-left:-732px;}
.circle4{ top:322px; margin-left:-813px;}
.circle5{ top:118px; margin-left:179px;}
.circle6{ top:159px; margin-left:339px;}
.circle7{ top:228px; margin-left:434px;}
.circle8{ top:322px; margin-left:515px;}
.circle9{ top:335px; margin-left:360px;}
.circle:nth-child(3n){ -webkit-animation:bounceIn 1s linear infinite; animation:bounceIn 1s linear infinite;}
.circle:nth-child(3n+1){ -webkit-animation:bounceIn 1s linear .3s infinite; animation:bounceIn 1s linear .3s infinite;}
.circle:nth-child(3n+2){ -webkit-animation:bounceIn 1s linear .6s infinite; animation:bounceIn 1s linear .6s infinite;}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 1;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 1;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.team{ position:absolute; left:50%; opacity:0;}
.team .line{ width:4px; background:#000; margin:0 auto;}
.team .circle-small{ background:url(../images/year2017/icon-circle.png?v=20161026) no-repeat; background-size:100% auto;}
.team1{ width:68px; top:588px; margin-left:-774px; z-index:3;}
.team1 .line{ height:112px;}
.team1 .circle-small{ width:68px; height:68px;}
.team2{ width:100px; margin-left:-759px; top:668px; z-index:2;}
.team2 .line{ height:57px;}
.team2 .circle-small{ width:100px; height:100px;}
.team3{ width:88px; margin-left:-721px; top:694px; z-index:1;}
.team3 .line{ height:233px;}
.team3 .circle-small{ width:88px; height:88px;}
.team4{ width:128px; margin-left:-691px; top:709px;}
.team4 .line{ height:255px;}
.team4 .circle-small{ width:128px; height:128px;}
.team5{ width:128px; margin-left:-590px; top:725px;}
.team5 .line{ height:59px;}
.team5 .circle-small{ width:128px; height:128px;}
.team6{ width:70px; margin-left:552px; top:610px; z-index:1;}
.team6 .line{ height:102px;}
.team6 .circle-small{ width:70px; height:70px;}
.team7{ width:104px; margin-left:567px; top:582px;}
.team7 .line{ height:155px;}
.team7 .circle-small{ width:104px; height:104px;}
.team8{ width:104px; margin-left:656px; top:594px;}
.team8 .line{ height:54px;}
.team8 .circle-small{ width:104px; height:104px;}
.team:nth-child(3n){ -webkit-animation:bounce 1s ease 1s forwards;animation:bounce 1s ease 1s forwards;}
.team:nth-child(3n+1){ -webkit-animation:bounce 1s ease 1.3s forwards;animation:bounce 1s ease 1.3s forwards;}
.team:nth-child(3n+2){ -webkit-animation:bounce 1s ease 1.6s forwards;animation:bounce 1s ease 1.6s forwards;}
@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  0%{ opacity:0;}
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
  100%{ opacity:1;}
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  0%{ opacity:0;}
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
  100%{ opacity:1;}
}


.year2017 .content{ padding:79px 0 0; overflow:hidden; position:relative;}
.year2017 .content .title{ width:841px; height:155px; text-indent:-9999px; overflow:hidden; background:url(../images/year2017/title.png?v=20161026) no-repeat; margin:0 auto 69px;}
.column-bg{ width:2000px; height:4039px; background:url(../images/year2017/line.png?v=20161026) center top no-repeat; position:absolute; left:50%; top:0; margin-left:-984px;}
.column-years{ width:878px; height:auto; padding:0 30px 36px; background:none; margin:0 auto; position:relative;}
.tabs-years{ height:auto; padding:0 20px 0 10px;}
.tabs-years li{ float:left; margin-right:5px;}
.tabs-years li a{ display:block; height:70px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-size:100% auto; background-position:0 9px; -webkit-transition:all ease .5s;transition:all ease .5s;}
.tabs-years li.curr a{ background-position:0 0;}
.column-type{ width:236px; height:218px; text-indent:-9999px; overflow:hidden; position:absolute; top:73px; left:-260px;}
.column-chekcin{ background-image:url(../images/year2017/side1.png?v=20161026);}
.column-3d{ background-image:url(../images/year2017/side2.png?v=20161026);}
.column-define{ background-image:url(../images/year2017/side3.png?v=20161026);}
.column-hudong{ background-image:url(../images/year2017/side4.png?v=20161026);}
.column-lottery{ background-image:url(../images/year2017/side5.png?v=20161026);}
.column-paper{ background-image:url(../images/year2017/side6.png?v=20161115);}
.column-game{ background-image:url(../images/year2017/side7.png?v=20161026);}
.column-rate{ background-image:url(../images/year2017/side8.png?v=20161026);}
.column-tree{ background-image:url(../images/year2017/side9.png?v=20161026);}

.title-checkin{ background:url(../images/year2017/title1.png?v=20161026) no-repeat; width:144px;}
.title-checkinHigh{ background:url(../images/year2017/title1-2.png?v=20161026) no-repeat; width:234px;}
.title-iBeacon{ background:url(../images/year2017/title1-3.png?v=20161026) no-repeat; width:314px;}

.title-checkin3d{ background:url(../images/year2017/title2.png?v=20161026) no-repeat; width:164px;}

.title-bg{ background:url(../images/year2017/title3-1.png?v=20161026) no-repeat; width:288px;}
.title-logo{ background:url(../images/year2017/title3-2.png?v=20161026) no-repeat; width:288px;}

.title-msg{ background:url(../images/year2017/title4-1.png?v=20161026) no-repeat; width:197px;}
.title-danmu2{ background:url(../images/year2017/title4-2.png?v=20161026) no-repeat; width:238px;}
.title-photoWall{ background:url(../images/year2017/title4-3.png?v=20161026) no-repeat; width:194px;}
.title-metro{ background:url(../images/year2017/title4-4.png?v=20161026) no-repeat; width:189px;}

.title-lottery{ background:url(../images/year2017/title5-1.png?v=20161026) no-repeat; width:144px;}
.title-shakeTree{ background:url(../images/year2017/title5-2.png?v=20161026) no-repeat; width:204px;}
.title-shake{ background:url(../images/year2017/title5-3.png?v=20161026) no-repeat; width:210px;}
.title-xiu{ background:url(../images/year2017/title5-4.png?v=20161026) no-repeat; width:210px;}

.title-paper{ background:url(../images/year2017/title6-2.png?v=20161115) no-repeat; width:210px;}
.title-shakePaper{ background:url(../images/year2017/title6-1.png?v=20161115) no-repeat; width:204px;}

.title-laohuji{ background:url(../images/year2017/title7-1.png?v=20161026) no-repeat; width:288px;}
.title-pair{ background:url(../images/year2017/title7-2.png?v=20161026) no-repeat; width:196px;}
.title-money{ background:url(../images/year2017/title7-3.png?v=20161026) no-repeat; width:288px;}

.title-rate{ background:url(../images/year2017/title8-1.png?v=20161026) no-repeat; width:147px;}
.title-vote{ background:url(../images/year2017/title8-2.png?v=20161026) no-repeat; width:158px;}
.title-dashang{ background:url(../images/year2017/title8-3.png?v=20161026) no-repeat; width:164px;}

.title-tree{ background:url(../images/year2017/title9.png?v=20161026) no-repeat; width:204px;}

.tabs-years-con{ background:url(../images/year2017/txt-bg.png?v=20161026) no-repeat; width:879px; height:268px;}
.tabs-years-con dl{ padding:21px 65px 0 40px;}
.tabs-years-con dl dt{ float:right; width:297px; height:197px; overflow:hidden; border:3px solid #000; overflow:hidden;}
.tabs-years-con dl dd{ float:left; width:400px; padding:0 35px 0 0; height:190px; border-right:2px dashed #000; margin-top:10px;}
.tabs-years-con dl dd .txt{ padding:15px 0 20px; font-size:22px; line-height:2;}
.tabs-years-con dl dd a{ display:block; background:url(../images/year2017/btn1.png?v=20161026) no-repeat; width:194px; height:74px; text-indent:-9999px; overflow:hidden; margin:0 auto;}

.column-years:nth-child(2n) .tabs-years li{ float:right;}
.column-years:nth-child(2n) .tabs-years-con dt{ float:left;}
.column-years:nth-child(2n) .tabs-years-con dd{ float:right; padding:0 0 0 35px; border-left:2px dashed #000; border-right:none;}
.column-years:nth-child(2n) .column-type{ left:auto; right:-260px;}

.column-years-hudong .tabs-years-con dl dd{ width:420px; padding:0 0 0 20px; margin-right:-20px;}

/*年会套餐*/
.years-meals{ background:url(../images/year2017/items1.png?v=20161115) no-repeat; width:1282px; height:924px; margin:170px auto 148px; position:relative;}
.years-meals a{ display:block; width:195px; height:75px; text-indent:-9999px; overflow:hidden; position:absolute; bottom:74px;}
.btn-buy-good{ left:114px;}
.btn-buy-better{ left:543px;}
.btn-buy-best{ right:119px;}

/*弹幕*/
.years-danmu{ background:url(../images/year2017/danmu-bg.png?v=20161026) no-repeat; width:1354px; height:1284px; margin:0 auto 110px; position:relative;}
.years-danmu .code{ width:160px; height:160px; padding:14px 48px 92px; background:url(../images/year2017/code-bg.png?v=20161026) no-repeat; overflow:hidden; position:absolute; bottom:0; right:230px;}
.years-danmu .code img{ width:160px; height:160px;}
.danmu-box{ width:1258px; height:608px; overflow:hidden; position:absolute; top:404px; left:43px;}
.danmu-box li{ float:left; width:1258px; height:608px; position:relative;}
.danmu-box li div{ position:absolute; height:84px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat;}
.danmu-box .tag1{ background-image:url(../images/year2017/tag1.png?v=20161026); width:535px; left:59px; top:69px;}
.danmu-box .tag2{ background-image:url(../images/year2017/tag2.png?v=20161026); width:535px; left:731px; top:55px;}
.danmu-box .tag3{ background-image:url(../images/year2017/tag3.png?v=20161026); width:535px; left:197px; top:173px;}
.danmu-box .tag4{ background-image:url(../images/year2017/tag4.png?v=20161026); width:535px; left:607px; top:276px;}
.danmu-box .tag5{ background-image:url(../images/year2017/tag5.png?v=20161026); width:265px; left:-15px; top:326px;}
.danmu-box .tag6{ background-image:url(../images/year2017/tag6.png?v=20161026); width:605px; left:327px; top:376px;}
.danmu-box .tag7{ background-image:url(../images/year2017/tag7.png?v=20161026); width:435px; left:-30px; top:470px;}
.danmu-box .tag8{ background-image:url(../images/year2017/tag8.png?v=20161026); width:685px; left:520px; top:482px;}

.hidden{ display:none;}

@media screen and (max-width:1440px){
.pop-years2017 .btn-close{ margin-left:auto; left:auto; right:20px;}
.column-type{ left:-220px;}
.column-years:nth-child(2n) .column-type{ right:-220px;}
}

@media screen and (max-width:1280px){
.banner-year2017{ height:auto;}
.banner-year2017 .pic{ width:100%; height:550px; background-position:center top; background-size:980px auto; position:relative; margin:0 auto 0;}
.pop-years2017 .banner-year2017 .btn-go{ top:420px;}
.circle{ width:160px; height:160px; background-size:100% auto;}
.circle1{ top:100px; margin-left:-450px;}
.circle2{ top:78px; margin-left:-360px;}
.circle3{ top:188px; margin-left:-522px;}
.circle4{ top:248px; margin-left:-552px;}
.circle5{ top:78px; margin-left:129px;}
.circle6{ top:119px; margin-left:245px;}
.circle7{ top:188px; margin-left:334px;}
.circle8{ top:260px; margin-left:385px;}
.circle9{ top:265px; margin-left:300px;}
.team1{ top:418px; margin-left:-510px;}
.team2{ top:463px; margin-left:-480px;}
.team3{ top:446px; margin-left:-495px;}
.team4{ top:460px; margin-left:-450px;}
.team5{ top:476px; margin-left:-410px;}
.team6{ top:430px; margin-left:330px;}
.team7{ top:380px; margin-left:370px;}
.team8{ top:400px; margin-left:440px;}

.column-type{ display:none;}
.years-meals{ width:880px; height:634px; background-size:100% auto; margin:100px auto 50px;}
.years-meals a{ width:136px; height:52px; bottom:51px;}
.btn-buy-good{ left:77px;}
.btn-buy-better{ left:372px;}
.btn-buy-best{ right:80px;}

.years-danmu{ width:880px; height:835px; background-size:100% auto;}
.danmu-box{ width:817px; height:394px; top:262px; left:28px;}
.danmu-box li{ width:817px; height:394px;}
.danmu-box li div{ height:55px; background-size:auto 100%;}
.danmu-box .tag1{ top:45px; left:39px;}
.danmu-box .tag2{ top:36px; left:460px;}
.danmu-box .tag3{ top:112px; left:128px;}
.danmu-box .tag4{ top:179px; left:395px;}
.danmu-box .tag5{ top:211px; left:-10px;}
.danmu-box .tag6{ top:243px; left:213px;}
.danmu-box .tag7{ top:304px; left:-20px;}
.danmu-box .tag8{ top:314px; left:338px;}
.years-danmu .code{ width:100px; height:100px; padding:10px 33px 64px; background-size:100% auto; right:151px;}
.years-danmu .code img{ width:100px; height:100px;}
}

@media screen and (max-width:1100px){
.pop-years2017 .con{ background-size:880px auto;}
}

@media screen and (max-width:880px){
.pop-years2017 .con{ background-size:720px auto;}

.pop-years2017 .con .btn-go{ top:330px;}

.years-menu{ visibility:hidden; z-index:-100;}

.banner-year2017 .pic{ height:340px; background-image:url(../images/year2017/m/banner.png?v=20161115); background-size:750px auto;}
.pop-years2017 .banner-year2017 .btn-go{ top:300px;}
.banner-ani{ position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:translateY(-25%) scale3d(.6,.6,.6);}

.column-bg{ display:none;}
.year2017 .content .title{ width:640px; height:120px; background-size:100% auto; margin-bottom:30px;}
.column-years{ width:720px; padding:0 0 30px; margin:0 auto;}
.tabs-years-con{ width:100%; height:auto; background-size:100% 100%;}
.tabs-years-con dl{ padding:15px 350px 30px 15px;}
.tabs-years-con dl dt{ margin-right:-320px;}
.tabs-years-con dl dd{ width:100%; min-height:190px; height:auto; padding:0;}
.tabs-years-con dl dd .txt{ padding-right:15px;}
.tabs-years-con dl dd a{ width:130px; height:50px; background-size:100% auto;}
.column-years:nth-child(2n) .tabs-years-con dl{ padding-right:30px; padding-left:340px;}
.column-years:nth-child(2n) .tabs-years-con dt{ float:left; margin-right:auto; margin-left:-320px;}
.column-years:nth-child(2n) .tabs-years-con dd{ float:right; padding:0; border-left:2px dashed #000; border-right:none;}
.column-years:nth-child(2n) .tabs-years-con dd .txt{ padding-right:inherit; padding-left:15px;}
.column-years:nth-child(2n) .column-type{ left:auto; right:-260px;}
.column-years-hudong .tabs-years-con dl dd{ width:100%; margin-right:0;}

.tabs-years li a{ height:35px; background-position:0 5px; background-size:auto 40px;}
.title-checkin{ width:69px;}
.title-checkinHigh{ width:111px;}
.title-iBeacon{ width:151px;}
.title-checkin3d{ width:78px;}
.title-bg{ width:136px;}
.title-logo{ width:136px;}
.title-danmu2{ width:113px;}
.title-msg{ width:97px;}
.title-photoWall{ width:92px;}
.title-metro{ width:90px;}
.title-lottery{ width:69px;}
.title-shakeTree{ width:98px;}
.title-shake{ width:100px;}
.title-xiu{ width:100px;}
.title-shakePaper{ width:98px;}
.title-paper{ width:100px;}
.title-laohuji{ width:136px;}
.title-pair{ width:93px;}
.title-money{ width:136px;}
.title-vote{ width:75px;}
.title-dashang{ width:77px;}
.title-rate{ width:70px;}
.title-tree{ width:98px;}

.years-meals{ width:718px; height:1564px; background:url(../images/year2017/m/meals.jpg?v=20161026) center top no-repeat; background-size:100% auto; margin:0 auto 50px;}
.years-meals a{ width:156px; height:60px; bottom:auto;}
.btn-buy-good{ left:277px; top:514px;}
.btn-buy-better{ left:277px; top:991px;}
.btn-buy-best{ left:277px; top:1470px;}

.years-danmu{ width:718px; height:700px; background:url(../images/year2017/m/msg-bg.jpg?v=20161026) center 125px no-repeat; background-size:750px auto;}
.years-danmu .top-title{ width:678px; height:125px; background:url(../images/year2017/m/title3.jpg?v=20161026) center top no-repeat; background-size:100% auto; margin:0 auto;}
.danmu-box{ width:664px; height:316px; left:28px; top:271px;}
.danmu-box li div{ height:46px;}
.danmu-box .tag1{ top:30px; left:29px;}
.danmu-box .tag2{ top:23px; left:387px;}
.danmu-box .tag3{ top:86px; left:102px;}
.danmu-box .tag4{ top:140px; left:320px;}
.danmu-box .tag5{ top:167px; left:-10px;}
.danmu-box .tag6{ top:193px; left:172px;}
.danmu-box .tag7{ top:244px; left:-20px;}
.danmu-box .tag8{ top:251px; left:274px;}
.years-danmu .code{ bottom:-66px;}
}

@media screen and (max-width:680px){
.pop-years2017 .con{ background-size:9.067rem auto;}
.pop-years2017 .btn-close{ margin-left:auto; left:auto; right:20px;}
.pop-years2017 .con .btn-go{ width:1.733rem; height:0.667rem; background-size:100% auto; top:4.5rem; margin-left:-0.855rem;}

.banner-year2017 .pic{ width:10rem; height:4.534rem; background-size:10rem auto;}
.pop-years2017 .banner-year2017 .btn-go{ width:80px; height:31px; background-size:100% auto; margin-left:-40px; top:3.85rem;}
.banner-ani{ position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:translateY(0) scale3d(1,1,1);}
.circle{ width:1.493rem; height:1.493rem;}
.circle1{ top:1.147rem; margin-left:-3.96rem;}
.circle2{ top:0.933rem; margin-left:-1.547rem;}
.circle3{ top:1.52rem; margin-left:-4.453rem;}
.circle4{ top:2rem; margin-left:-4.88rem;}
.circle5{ top:0.933rem; margin-left:1.6rem;}
.circle6{ top:1.52rem; margin-left:2.933rem;}
.circle7{ top:2rem; margin-left:3.467rem;}
.circle8{ top:2.1rem; margin-left:2.533rem;}
.circle9{ display:none;}
.team .line{ width:2px;}
.team1{ width:0.36rem; top:3.3rem; margin-left:-4.6rem;}
.team1 .line{ height:0.48rem;}
.team1 .circle-small{ width:0.36rem; height:0.36rem;}
.team2{ width:0.533rem; top:3.467rem; margin-left:-4.52rem;}
.team2 .line{ height:0.587rem;}
.team2 .circle-small{ width:0.533rem; height:0.533rem;}
.team3{ width:0.68rem; top:4.04rem; margin-left:-4.16rem;}
.team3 .line{ height:0.44rem;}
.team3 .circle-small{ width:0.68rem; height:0.68rem;}
.team4{ width:0.533rem; top:3.827rem; margin-left:-3.72rem;}
.team4 .line{ height:0rem;}
.team4 .circle-small{ width:0.533rem; height:0.533rem;}
.team5{ width:0.533rem; top:3.827rem; margin-left:3.227rem;}
.team5 .line{ height:0.2rem;}
.team5 .circle-small{ width:0.533rem; height:0.533rem;}
.team6{ width:0.533rem; top:3.76rem; margin-left:3.76rem;}
.team6 .line{ height:0rem;}
.team6 .circle-small{ width:0.533rem; height:0.533rem;}
.team7, .team8{ display:none;}

.year2017 .content{ padding:30px 0 0;}
.column-years{ /*display:none;*/ width:9.546666666666667rem; padding:0 0 10px;}
.year2017 .content .title{ /*display:none;*/ width:9.04rem; height:1.67rem; margin-bottom:10px;}
.tabs-years{ padding:0 5px;}
.tabs-years li a{ height:0.773rem; background-position:0 0.133rem; background-size:auto 0.88rem; margin-right:0px;}
.title-checkin{ width:1.533rem;}
.title-checkinHigh{ width:2.507rem;}
.title-iBeacon{ width:3.333rem;}
.title-checkin3d{ width:1.773rem;}
.title-bg{ width:3.06rem;}
.title-logo{ width:3.06rem;}
.title-danmu2{ width:2.507rem;}
.title-msg{ width:2.12rem;}
.title-photoWall{ width:2.1rem; margin-left:-0.1rem}
.title-metro{ width:2.05rem; margin-left:-0.1rem;}
.title-lottery{ width:1.6rem;}
.title-shakeTree{ width:2.12rem;}
.title-shake{ width:2.22rem;}
.title-xiu{ width:2.22rem;}
.title-shakePaper{ width:2.22rem;}
.title-paper{ width:2.22rem;}
.title-laohuji{ width:3.06rem;}
.title-pair{ width:2.133rem;}
.title-money{ width:3.06rem;}
.title-vote{ width:1.65rem;}
.title-dashang{ width:1.8rem;}
.title-rate{ width:1.6rem;}
.title-tree{ width:2.12rem;}
.tabs-years-con dl{ padding:10px 4.07rem 20px 10px;}
.tabs-years-con dl dt{ width:3.2rem; height:2.4rem; border:2px solid #000; margin-right:-3.6rem;}
.tabs-years-con dl dt img{ width:3.2rem; height:2.4rem;}
.tabs-years-con dl dd{ min-height:2.4rem; margin-top:5px;}
.tabs-years-con dl dd .txt{ font-size:12px; line-height:20px; padding:5px 10px 10px 0;}
.tabs-years-con dl dd a{ width:100px; height:40px;}

.column-years:nth-child(2n) .tabs-years-con dl{ padding-right:15px; padding-left:4.07rem;}
.column-years:nth-child(2n) .tabs-years-con dt{ float:left; margin-right:auto; margin-left:-3.6rem;}
.column-years:nth-child(2n) .tabs-years-con dd{ float:right; padding:0; border-right:none;}
.column-years:nth-child(2n) .tabs-years-con dd .txt{ padding-right:inherit; padding-left:10px;}
.column-years:nth-child(2n) .column-type{ left:auto; right:-260px;}

.years-meals{ width:9.546666666666667rem; height:20.87rem; background:url(../images/year2017/m/meals.jpg?v=20161115) center top no-repeat; background-size:100% auto; margin:0 auto 20px;}
.years-meals a{ width:2.067rem; height:0.8rem;}
.btn-buy-good{ left:3.693rem; top:6.853rem;}
.btn-buy-better{ left:3.693rem; top:13.163rem;}
.btn-buy-best{ left:3.693rem; top:19.5rem;}

.years-danmu{ width:9.546666666666667rem; height:10.067rem; background-position:center 1.67rem; background-size:10rem auto;}
.years-danmu .top-title{ width:9.04rem; height:1.67rem;}
.danmu-box{ width:8.853rem; height:4.213rem; left:0.373rem; top:3.613rem;}
.danmu-box li{ width:8.853rem; height:4.213rem;}
.danmu-box li div{ height:0.613rem;}
.danmu-box .tag1{ top:0.4rem; left:0.4rem;}
.danmu-box .tag2{ top:0.307rem; left:5.16rem;}
.danmu-box .tag3{ top:1.147rem; left:1.36rem;}
.danmu-box .tag4{ top:1.867rem; left:4.267rem;}
.danmu-box .tag5{ top:2.227rem; left:-0.133rem;}
.danmu-box .tag6{ top:2.573rem; left:2.293rem;}
.danmu-box .tag7{ top:3.253rem; left:-0.186rem;}
.danmu-box .tag8{ top:3.347rem; left:3.653rem;}
.years-danmu .code{ width:2.133rem; height:2.133rem; padding:0.187rem 0.44rem 1.027rem; right:3.333rem; bottom:-1.183rem;}
.years-danmu .code img{ width:2.133rem; height:2.133rem;}

.years-menu{ visibility:visible; width:70%; height:auto; text-align:center; background:none; position:absolute; left:15%; bottom:0.667rem; top:auto; z-index:10001; -webkit-transform:translateY(0) scale3d(1,1,1);transform:translateY(0) scale3d(1,1,1);}
.years-menu a{ display:inline-block; height:0.8rem; background:url(../images/year2017/m/menu.png?v=20161026) no-repeat; background-size:auto 100%; position:static;}
.years-menu a.link1{ width:2.08rem; height:0.8rem; float:left;}
.years-menu a.link2{ width:2.08rem; height:0.8rem; background-position:-2.6rem center;}
.years-menu a.link3{ width:2.52rem; height:0.8rem; background-position:right center; float:right;}
}
